<template>
    <div class="footerBox">
 <div class="footer">
    <span v-for="(item,index) in list" :key="index">
        {{ item }}
    </span>
  </div>
    </div>
 
</template>
<script lang="ts" setup>
import { reactive } from 'vue';

const list = reactive(['隐私政策', '儿童个人信息保护政策', '用户协议', '法务合规', '知识产权', '粤公网安备 44190002001935号','© 2004 - 2025 OPPO 版权所有 粤ICP备08130115号']);
</script>
<style lang="scss" scoped>
.footerBox {
    width: 100%;
    background: #F0F0F0;
    .footer {
  margin: auto;
  max-width: 1312px;
  align-items: flex-start;
  display: flex;
  padding-bottom: 32px;
  padding-top: 32px;

  span {
    margin-right: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
  }
}
}

</style>